<template>
  <div class="home">
    <van-tabs v-model:active="tab">
      <van-tab title="文章">
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
      </van-tab>
      <van-tab title="书目">
        <van-empty description="暂无内容" />
      </van-tab>
      <van-tab title="音乐">
        <van-empty description="暂无内容" />
      </van-tab>
      <van-tab title="影片">
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
        <ArticleCard />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup>
import ArticleCard from '@/components/ArticleCard.vue'
import { ref } from 'vue'
const tab = ref(0)
</script>

<style lang="scss">
  .home {
    box-sizing: border-box;
    padding: 0 10px;
  }
</style>
